<!doctype html>
<html lang="{{ site.lang | default: "en-US" }}">
    <head>
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-LJWQBHM62Z"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-LJWQBHM62Z');
  </script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

{% seo %}
    <script src="{{ '/assets/js/scale.fix.js' | relative_url }}"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="{{ '/assets/css/prism-vsc-dark-plus.css' | relative_url }}">
    <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
  </head>
  <body>
    <script src="{{ '/assets/prism.js' | relative_url }}"></script>

    <div class="wrapper">
      <header>
        <div class="header-container">
          <a href="{{ '/' | relative_url }}">
            <img
              class="header-logo"
              src="{{ '/assets/images/redhat-ansible-logo.svg' | relative_url }}"
              title="Red Hat Ansible"
              alt="Red Hat Ansible"
            />
          </a>
          <div class="header-nav">
            <a class="header-link" href="{{ '/' | relative_url }}">
               Home
            </a>

            <a class="header-link" href="https://ansible.github.io/slides">
              Slides
            </a>
            <a class="header-link" href="https://ansible.github.io/slides/ebooks">
              E-Books
            </a>
            <a class="header-link" href="https://ansible.github.io/slides/customer_references">
              Customer References
            </a>
            <a class="header-link" href="https://ansible.github.io/slides/datasheets">
              Collateral
            </a>
            <a class="header-link" target="_blank" href="https://www.redhat.com/aap-interact">
              Interactive Experiences
            </a>
            <a class="header-link" href="https://github.com/ansible/workshops/issues/new/choose">
              Open an Issue
            </a>
          </div>
        </div>
      </header>

      <section>
        {{ content }}
      </section>

      <footer>
        <div class="footer-container">
          <a href="https://redhat.com">
            <img
              class="footer-logo"
              src="{{ '/assets/images/redhat-logo.svg' | relative_url }}"
              title="Red Hat"
              alt="Red Hat"
            />
          </a>
          <p class="footer-copyright">Copyright © 2025 Red Hat, Inc.</p>
          <div class="footer-linkContainer">
            <a href="https://www.redhat.com/en/about/privacy-policy" class="footer-link">Privacy statement</a>
            <span class="footer-linkSpacer">|</span>
            <a href="https://www.redhat.com/en/about/terms-use" class="footer-link">Terms of use</a>
            <span class="footer-linkSpacer">|</span>
            <a href="https://www.ansible.com/security?hsLang=en-us" class="footer-link">Security disclosure</a>
            <span class="footer-linkSpacer">|</span>
            <a href="https://www.redhat.com/en/about/all-policies-guidelines" class="footer-link">All policies and guidelines</a>
          </div>
        </div>
      </footer>
    </div>
    <!--[if !IE]><script>fixScale(document);</script><![endif]-->
    {% if site.google_analytics %}
      <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
        ga('create', '{{ site.google_analytics }}', 'auto');
        ga('send', 'pageview');
      </script>
    {% endif %}
  </body>
</html>
